<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
    <meta charset="UTF-8">
    <title>输入框学习</title>
    <link rel="stylesheet" href="./css/input.css"/>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<header id="header" class="header header--fixed hide-from-print animated slideDown" role="banner">
    <div class="container">
        <nav id="nav" class="nav-wrapper" role="navigation">
            <ul class="nav nav--main">
                <li class="nav__item ">
                    <a class="header__link subdued" href="https://www.github.com/WickyNilliams/headroom.js">
                        <span aria-hidden="true" class="icon icon--github"></span>
                        <span class="complimentary push--left">GitHub</span>
                    </a>
                </li>
                <li class="nav__item">
                    <a class="header__link subdued" href="http://www.twitter.com/WickyNilliams">
                        <span aria-hidden="true" class="icon icon--twitter"></span>
                        <span class="complimentary push--left">@WickyNilliams</span>
                    </a>
                </li>
            </ul>
        </nav>
        <a href="../" class="brand header__link">
            <b class="brand__forename">Headroom</b><b class="brand__surname">.js</b>
        </a>
    </div>
</header>

    <div>
        <p>
            <input type="text" name="pwd" placeholder="name"  class="input1"> name
            <input type="email" name="pwd" placeholder="email" class="input2"> email
            <input type="password" name="pwd" placeholder="password" class="input3"> password
            <input type="password" name="pwd" placeholder="password" class="input4"> password

        </p>


    </div>

    <div>
        <p>
            <input type="text" name="pwd" placeholder="name" class="input1"> name
            <input type="email" name="pwd" placeholder="email" class="input2"> email
            <input type="password" name="pwd" placeholder="password" class="input3"> password
            <input type="password" name="pwd" placeholder="password" class="input4"> password

        </p>
    </div>
    <div>
        <p>
            <input type="text" name="pwd" placeholder="name" class="input1"> name
            <input type="email" name="pwd" placeholder="email" class="input2"> email
            <input type="password" name="pwd" placeholder="password" class="input3"> password
            <input type="password" name="pwd" placeholder="password" class="input4"> password

        </p>
    </div>
    <div>
        <p>
            <input type="text" name="pwd" placeholder="name" class="input1"> name
            <input type="email" name="pwd" placeholder="email" class="input2"> email
            <input type="password" name="pwd" placeholder="password" class="input3"> password
            <input type="password" name="pwd" placeholder="password" class="input4"> password

        </p>
    </div>






</body>
</html>